<template>
	<view style="display: flex; align-items: center;justify-content: center;">
		<view class="line"></view>
		<text class="more">{{moreText}}</text>
		<view class="line"></view>
	</view>
</template>

<script>
	export default {
		name: "loading-more",
		props:{
			isMore:{
				type:Number,
				default:0
			}
		},
		data() {
			return {

			};
		},
		computed:{
			moreText(){
				return this.isMore==0?"加载更多":this.isMore==1?"正在加载...":"没有更多了";
			}
		},
	}
</script>

<style scoped>
	.more {
		color: rgb(96, 98, 102);
		font-size: 28rpx;
		position: relative;
		background-color: transparent;
		padding: 0 12rpx;
	}

	.line {
		background-color: rgb(212, 212, 212);
		width: 50rpx;
		height: 1px;
		transform: scaleY(0.5);
	}
</style>
